<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:head>
	<ui:include src="/includes/headComun.xhtml" />
	<title>Añadir nueva tarea al expediente</title>
</h:head>
<h:body>
	#{sessionMB.nuevaTareaLoad()}
	<ui:include src="/includes/bodyComun.xhtml" />
	<ui:include src="/includes/panelUsuario.xhtml" />

	<p:panelGrid>
		<p:row>
			<p:column>
				<h:form id="form">
					<p:panelGrid>
						<p:row>
							<p:column>
								<p:fieldset legend="Datos de la tarea">
									<p:panelGrid>
										<p:row>
											<p:column>
												<h:outputLabel for="tituloTarea" value="Título: "
													style="font-weight:bold" />
											</p:column>
											<p:column>
												<p:inputText id="tituloTarea" value="#{tareaMB.titulo}" />
											</p:column>
											<p:column>
												<h:outputLabel for="importante" value="¿Importante? "
													style="font-weight:bold" />
											</p:column>
											<p:column>
												<h:selectBooleanCheckbox id="importante"
													value="#{tareaMB.importante}" />
											</p:column>
										</p:row>
										<p:row>
											<p:column>
												<h:outputLabel for="descripcionTarea" value="Descripción: "
													style="font-weight:bold" />
											</p:column>
											<p:column colspan="3">
												<p:inputTextarea id="descripcionTarea"
													value="#{tareaMB.descripcion}" rows="5" cols="50"
													autoResize="false" styleClass="textAreaFijo" />
											</p:column>
										</p:row>
									</p:panelGrid>
								</p:fieldset>
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<p:fieldset legend="Campos de la tarea">
									<p:pickList id="campos" value="#{tareaMB.camposEnNuevaTarea}"
										var="campos" itemLabel="#{campos}" itemValue="#{campos}">
										<f:facet name="sourceCaption">Campos Fuera</f:facet>
										<f:facet name="targetCaption">Campos en Tarea</f:facet>
									</p:pickList>
								</p:fieldset>
							</p:column>
						</p:row>
					</p:panelGrid>
					<p:commandButton id="crearTarea" icon="ui-icon-plusthick"
						value="Crear Tarea" title="Crear Tarea" onclick="mostrarMosca();"
						action="#{tareaMB.crearNuevaTarea}"
						rendered="#{renderingMB.botonCrearNuevaTarea}"
						styleClass="botonConTexto" />
				</h:form>
				<h:form>
					<p:commandButton id="volver" icon="ui-icon-arrowthick-1-w"
						value="Volver" title="Volver" onclick="mostrarMosca();"
						action="#{navegacionMB.toExpediente}" styleClass="botonConTexto" />
				</h:form>
			</p:column>
		</p:row>
	</p:panelGrid>
</h:body>
</html>
